<html>
<head>
<title>Devcathlon: Home Page</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<p>
  <script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>
  
  <!-- -------------- Page contents begins --------------- -->
  
  <body>
</p>
<h2><strong>Create a Self-Report Event</strong></h2>
<ul>
  <li>Match:
    <ul>
      <li>
        <select name="match" id="match">
          <option value="match1">Match1</option>
          <option value="match2">Match2</option>
        </select>
        </li>
    </ul>
  </li>
  <li>Event:
    <ul>
      <li>
        <select name="event_type" id="event_type">
          <option value="pp">Pair Programming (+20)</option>
          <option value="tm">Team Meeting (+10)</option>
          <option value="cr">Code Review (+20)</option>
        </select>
      </li>
    </ul>
  </li>
  <li>Description:  </li>
  <ul>
    <li>
      <textarea name="description" cols="50" rows="4" id="description"></textarea>
    </li>
  </ul>
  <li>Picture
    proof: (optional)
    <ul>
      <li>
        <input name="picture" type="file" id="picture" size="53">
      </li>
    </ul>
  </li>
</ul>
<p>&nbsp;          
  <input type="submit" name="submit" id="submit" value="Submit">
</p>
<div id="footerFeedback">
<p>This is the form to submit for self-report events. Picture is optional but 
</div> 
</body>
</html>
